<!--
 * @Author: ruins
 * @Date: 2022-01-21 10:50:12
 * @LastEditors: ruins
 * @LastEditTime: 2022-01-21 11:42:09
 * @FilePath: \white-dragon\src\views\Exercise\index.vue
-->
<template>
  <div class="app-container">
    <TitleBar>
      <p>面试题</p>
    </TitleBar>
    <el-row :gutter="20">
      <el-col :span="18">
        <!-- 数据列表 -->
        <div class="content">
          <ChapterList />
        </div>
      </el-col>
      <el-col :span="6">
        <!-- 右侧历史记录 -->
        <historicalRecords />
      </el-col>
    </el-row>
  </div>
</template>

<script>
import ChapterList from './components/chapterList.vue'
import historicalRecords from './components/historicalRecords.vue'
export default {
  components: {
    ChapterList,
    historicalRecords

  }
}
</script>

<style scoped lang="less">
.app-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
</style>
